<template>
  <!-- 首页系列题库 -->
  <div class="question-box">
    <IndexTitle :titleInfo="titleInfo" />
    <ul>
      <li v-for="(item, index) in bankList" :key="index">
        <BankItem :itemInfo="item" :href="href ? item.href : false" />
      </li>
    </ul>
  </div>
</template>

<script setup>
// const titleInfo = {
//   title: '系列题库',
//   path: '/exercises',
//   showMore: true,
// }

defineProps({
  titleInfo: {
    type: Object,
    default: {
      title: '系列题库',
      path: '/exercises',
      showMore: true,
    }
  },
  bankList: {
    type: Array,
    default: []
  },
  href: {
    type: Boolean,
    default: false
  }
})
</script>

<style lang="less">
.question-box {
  width: 1200px;
  // margin-bottom: 88px;

  >ul {
    // width: 1200px;
    // height: 520px;
    margin-left: -20px;
    overflow: hidden;

    >li {
      float: left;
      margin: 0 0 20px 20px;
    }
  }
}
</style>